<%@ page language="java" contentType="text/html; charset=UTF-8"   pageEncoding="UTF-8"%>
<%
//项目相对及绝对路径
String contextPath = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>输入提示</title>
<link type='text/css' rel='stylesheet' href='<%=contextPath %>/css/SuggestFramework.css' />
<script type="text/javascript" src="<%=contextPath %>/js/SuggestFramework.js"></script>
<script type="text/javascript">window.onload = initializeSuggestFramework;</script>
</head>
<body>

<input id="example1" name="example1" type="text" action="backend.html" columns="2" capture="2" /><br />
<input id="example2" name="example2" size="50" type="text" action="backend.html" columns="3" capture="1" />

<!-- 
再加上自定义的样式：
<link href="SuggestFramework.css" rel="stylesheet" type="text/css">
 
在页面中加入js框架及onload方法后，每个取了名的文本框会多出五个属性：
action 必须。接受 GET 方式提交的数据，并返回相关 Javascript 数组的动态页。

capture 如果返回的结果不止一列（比如本例中的单词和中文意思），将要替换用户输入的那一列（从 1 开始算）。通常这个和数据库字段相对应。
可选，默认为 1.

columns 下拉显示的列数，比如本例中，按字母查询单词，并将中文意思显示在右侧。可选，默认为 1.

delay 查询延时，单位为毫秒。较低的延时会得到更快的反应，但会加重服务器负担。可选，默认为 1000（1秒）。

heading 如果设为 true ，第一个数组值将作为不可选择项（标题栏）。当有两列或两列以上数据时非常有用。可选，默认为 false.

 -->


</body>
</html>